/*
   Chronograf Styles
   -----------------------------------------------------------------------------
*/

// Modules
@import 'modules';

// Clockface UI Kit
@import 'src/clockface/styles';

// Components
@import 'src/shared/components/ColorDropdown.scss';
@import 'src/shared/components/avatar/Avatar.scss';
@import 'src/shared/components/tables/TableGraphs.scss';
@import 'src/shared/components/graph_tips/GraphTips.scss';
@import 'src/shared/components/cells/Dashboards.scss';
@import 'src/shared/components/code_mirror/CodeMirror.scss';
@import 'src/shared/components/code_mirror/CodeMirrorTheme.scss';
@import 'src/dashboards/components/dashboard_empty/DashboardEmpty.scss';
@import 'src/shared/components/views/Markdown.scss';
@import 'src/shared/components/custom_singular_time/CustomSingularTime.scss';
@import 'src/onboarding/OnboardingWizard.scss';
@import 'src/shared/components/protoboard_icon/ProtoboardIcon.scss';
@import 'src/shared/components/columns_options/ColumnsOptions.scss';
@import 'src/shared/components/ImportOverlay.scss';
@import 'src/shared/components/VersionInfo.scss';
@import 'src/shared/components/WaitingText.scss';
@import 'src/shared/components/cells/react-grid-layout.scss';
@import 'src/shared/components/cells/CellHeaderNoteTooltip.scss';
@import 'src/shared/components/cells/Cell.scss';
@import 'src/shared/components/cells/GradientBorder.scss';
@import 'src/shared/components/permissionsWidget/PermissionsWidget.scss';
@import 'src/shared/components/tabbed_page/TabbedPage.scss';
@import 'src/shared/components/editable_description/EditableDescription.scss';
@import 'src/shared/components/dateRangePicker/DateRangePicker.scss';
@import 'src/shared/components/inlineLabels/InlineLabels.scss';
@import 'src/shared/components/inlineLabels/InlineLabelsEditor.scss';
@import 'src/shared/components/TagInput.scss';
@import 'src/shared/components/ColorSchemeDropdownItem.scss';
@import 'src/shared/components/ExportOverlay.scss';
@import 'src/shared/components/EditableName.scss';
@import 'src/shared/components/SingleStat.scss';
@import 'src/shared/components/DragAndDrop.scss';
@import 'src/shared/components/SearchableDropdown.scss';
@import 'src/shared/components/BoxTooltip.scss';
@import 'src/shared/components/dropdown_auto_refresh/AutoRefreshDropdown.scss';
@import 'src/shared/components/selectorList/SelectorList.scss';
@import 'src/shared/components/CodeSnippet.scss';
@import 'src/buckets/components/Retention.scss';
@import 'src/buckets/components/BucketAddDataButton.scss';
@import 'src/buckets/components/NoBucketsWarning.scss';
@import 'src/telegrafs/components/TelegrafConfigOverlay.scss';
@import 'src/variables/components/CreateVariableOverlay.scss';
@import 'src/variables/components/VariableDropdown.scss';
@import 'src/authorizations/components/BucketsSelector.scss';
@import 'src/tasks/components/TaskForm.scss';
@import 'src/tasks/components/TasksPage.scss';
@import 'src/tasks/components/RunLogsList.scss';
@import 'src/tasks/components/TaskForm.scss';
@import 'src/tasks/components/TasksPage.scss';
@import 'src/labels/components/LabelOverlayForm.scss';
@import 'src/dataExplorer/components/SaveAsButton.scss';
@import 'src/dataExplorer/components/DataExplorer.scss';
@import 'src/dataExplorer/components/SaveAsButton.scss';
@import 'src/dashboards/components/VEO.scss';
@import 'src/dashboards/components/NoteEditor.scss';
@import 'src/dashboards/components/variablesControlBar/VariablesControlBar.scss';
@import 'src/me/components/GettingStarted.scss';
@import 'src/me/containers/MePage.scss';
@import 'src/me/graphics/ExploreGraphic.scss';
@import 'src/me/graphics/DashboardingGraphic.scss';
@import 'src/me/graphics/CollectorGraphic.scss';
@import 'src/pageLayout/components/RenamablePageTitle.scss';
@import 'src/pageLayout/components/OrgSwitcherOverlay.scss';
@import 'src/pageLayout/components/TabbedPage.scss';
@import 'src/templates/containers/CommunityTemplates.scss';
@import 'src/timeMachine/components/SelectorList.scss';
@import 'src/timeMachine/components/Queries.scss';
@import 'src/timeMachine/components/EditorShortcutsTooltip.scss';
@import 'src/timeMachine/components/QueriesSwitcher.scss';
@import 'src/timeMachine/components/TimeMachineFluxEditor.scss';
@import 'src/timeMachine/components/FluxToolbar.scss';
@import 'src/timeMachine/components/TagSelector.scss';
@import 'src/timeMachine/components/QueryTab.scss';
@import 'src/timeMachine/components/TimeMachine.scss';
@import 'src/timeMachine/components/QueryBuilder.scss';
@import 'src/timeMachine/components/RawFluxDataTable.scss';
@import 'src/timeMachine/components/fluxFunctionsToolbar/FluxFunctionsToolbar.scss';
@import 'src/timeMachine/components/view_options/HistogramOptions.scss';
@import 'src/timeMachine/components/view_options/ViewOptions.scss';
@import 'src/timeMachine/components/view_options/ViewTypeDropdown.scss';
@import 'src/timeMachine/components/builderCard/BuilderCard.scss';
@import 'src/dataLoaders/components/side_bar/SideBar.scss';
@import 'src/dataLoaders/components/DataLoadersOverlay.scss';
@import 'src/shared/components/EmptyGraphError.scss';
@import 'src/shared/components/AutoDomainInput.scss';
@import 'src/shared/components/Checkbox.scss';
@import 'src/shared/components/dapperScrollbars/DapperScrollbars.scss';
@import 'src/shared/components/search_widget/SearchWidget.scss';
@import 'src/templates/components/createFromTemplateOverlay/CreateFromTemplateOverlay.scss';
@import 'src/onboarding/components/SigninForm.scss';
@import 'src/onboarding/containers/LoginPage.scss';
@import 'src/shared/components/ThresholdsSettings.scss';
@import 'src/shared/components/ThresholdMarkers.scss';
@import 'src/shared/components/EventMarkers.scss';
@import 'src/shared/components/EventMarkerTooltip.scss';
@import 'src/shared/components/DeleteDataForm/DeleteDataForm.scss';
@import 'src/shared/components/cloud/CloudOnly.scss';
@import 'src/shared/components/CloudUpgradeNavBanner.scss';
@import 'src/notifications/rules/components/NewRuleOverlay.scss';
@import 'src/shared/components/dashed_button/DashedButton.scss';
@import 'src/alerting/components/AlertingIndex.scss';
@import 'src/checks/components/CheckHistory.scss';
@import 'src/alerting/components/builder/AlertBuilder.scss';
@import 'src/eventViewer/components/EventTable.scss';
@import 'src/alerting/components/AlertHistoryIndex.scss';
@import 'src/alerting/components/LevelTableField.scss';
@import 'src/alerting/components/SentTableField.scss';
@import 'src/notifications/rules/components/RuleOverlayFooter.scss';
@import 'src/labels/components/LabelCard.scss';
@import 'src/alerting/components/SearchBar.scss';
@import 'src/clientLibraries/components/ClientLibraryOverlay.scss';
@import 'src/dashboards/components/DashboardsCardGrid.scss';
@import 'src/dashboards/components/DashboardLightMode.scss';
@import 'src/buckets/components/DemoDataDropdown.scss';
@import 'src/buckets/components/BucketCardMeta.scss';
@import 'src/shared/components/notifications/Notification.scss';

// External
@import '../../node_modules/@influxdata/react-custom-scrollbars/dist/styles.css';

// TODO: delete this later when it's addressed in Clockface
.cf-resource-card {
  margin-bottom: $cf-border;
}
